<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" href="css/base.css" />
		<link rel="stylesheet" href="css/list.css" />
		<title></title>
	</head>
	<body>
		<div class="nav_div">
			<div class="d-center">
				<div class="navL">
					品优购欢迎您！
					<a href="#">请登录</a>
					<a class="style-red" href="#">免费注册</a>
				</div>
				<div class="navR">
					<ul>
						<li>
							<a href="#">我的订单</a>
						</li>
						<li>
							<a href="#">我的品优购<span class="downArrow"></span></a>
						</li>
						<li>
							<a href="#">品优购会员</a>
						</li>
						<li>
							<a href="#">企业采购</a>
						</li>
						<li>
							<a href="#">关注品优购<span class="downArrow"></span></a>
						</li>
						<li>
							<a href="#">客户服务<span class="downArrow"></span></a>
						</li>
						<li>
							<a class="style-border-none" href="#">网站导航<span class="downArrow"></span></a>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="head d-center">
			<div class="logo">
				<img src="img/logo.png" />
			</div>
			<div class="head-search">
				<input type="text" placeholder="请输入商品..." />
				<button>搜索</button>
				<ul>
					<li><a class="style-red" href="#">优惠购首发</a></li>
					<li><a href="#">亿元优惠</a></li>
					<li><a href="#">9.9团购</a></li>
					<li><a href="#">满99减30</a></li>
					<li><a href="#">办公用品</a></li>
					<li><a href="#">电脑</a></li>
					<li><a href="#">通信</a></li>
				</ul>
			</div>
			<div class="shopCar">
				<span class="car"> </span>
				<span>我的购物车<span class="right-arrow">  </span></span>
				<span class="count">80</span>
			</div>
		</div>

		<div class="d-center">
			<ul class="goods-title">
				<li>
					<h2><a href="#">品优秒杀</a></h2>
				</li>
				<li>
					<h2><a href="#">即将售罄</a></h2>
				</li>
				<li>
					<h2><a href="#">超值低价</a></h2>
				</li>
				<li><a href="#">女装</a></li>
				<li><a href="#">女鞋</a></li>
				<li><a href="#">男装</a></li>
				<li><a href="#">男鞋</a></li>
				<li><a href="#">母婴童装</a></li>
				<li><a href="#">食品</a></li>
				<li><a href="#">智能数码</a></li>
				<li><a href="#">运动户外</a></li>
				<li><a href="#">更多分类<span class="downArrow"></span></a></li>
			</ul>
		</div>
		<hr class="red-line" />

		<div class="d-center">
			<div class="advertisement"></div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="detail.html">立即抢购</a></button>
			</div>

			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>

			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>

			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>

			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
			<div class="phone-div">
				<img src="upload/mobile.jpg" />
				<div class="phone-title">Apple苹果iPhone 6s Plus (A1699) 32G 金色 移动联通电信4G手机</div>
				<div class="phone-div-column">
					<h2 class="price">￥6088</h2>
					<del class="old-price">￥6988</del>
				</div>
				<div class="phone-div-column">
					<div class="phone-sell">已售<span class="style-red">87%</span></div>
					<div class="degree">
						<div></div>
					</div>
					<div class="phone-remain">剩余<span class="style-red">29</span>件</div>
				</div>
				<button><a href="#">立即抢购</a></button>
			</div>
		</div>

		<div class="d-center control-div">
			<div class="control-bar">
				<button class="btn-pre"><a href="#">&lt;&lt;上一页</a></button>
				<button class="btn-page"><a href="#">1</a></button>
				<button class="btn-dot"><a href="#">2</a></button>
				<button class="btn-page"><a href="#">3</a></button>
				<button class="btn-page"><a href="#">4</a></button>
				<button class="btn-page"><a href="#">5</a></button>
				<button class="btn-dot">...</button>
				<button class="btn-next"><a href="#">下一页&gt;&gt;</a></button>
				<div class="words">共10页 到第</div>
				<input type="text" />
				<div class="words">页</div>
				<button class="btn-confirm">确定</button>
			</div>
		</div>

		<div class="bottom">
			<div class="d-center">
				<div class="bottom-top">
					<ul>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
						<li>
							<div class="ensure-pic"></div>
							<h3>正品保障</h3>
							<span>正品保障，提供发票</span>
						</li>
					</ul>
				</div>

				<div class="bottom-center">
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a class="style-red" href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>
					<div class="help-div">
						<p>购物指南</p>
						<ul>
							<li><a href="#">购物流程</a></li>
							<li><a href="#">会员介绍</a></li>
							<li><a href="#">生活旅行/团购</a></li>
							<li><a href="#">常见问题</a></li>
							<li><a href="#">大家电</a></li>
							<li><a href="#">联系客服</a></li>
						</ul>
					</div>

					<div class="help-code">
						<p>帮助中心</p>
						<img src="upload/erweima.png" />
						<div>品优购客户端</div>
					</div>
				</div>
			</div>
		</div>

		<div class="readme-div">
			<div class="d-center">
				<ul>
					<li><a href="#">关于我们 </a>|</li>
					<li><a href="#">联系我们 </a>|</li>
					<li><a href="#">联系客服 </a>|</li>
					<li><a href="#">商家入驻 </a>|</li>
					<li><a href="#">营销中心 </a>|</li>
					<li><a href="#">手机品优购 </a>|</li>
					<li><a href="#">友情链接 </a>|</li>
					<li><a href="#">销售联盟 </a>|</li>
					<li><a href="#">品优购社区 </a>|</li>
					<li><a href="#">品优购公益 </a>|</li>
					<li><a href="#">English Site </a>|</li>
					<li><a href="#">Contact U</a></li>
				</ul>
				<p>地址：北京市昌平区建材城西路金燕龙办公楼一层 邮编：100096 电话：400-618-4000 传真：010-82935100 邮箱: zhanghj+itcast.cn </p>
				<p>京ICP备08001421号京公网安备110108007702</p>
			</div>
		</div>
	</body>
</html>

